<template>
    <div class="trading">
        <el-tabs type="card" v-model="editableTabsValue" closable>
            <el-tab-pane name="交易日历查询">
                <span slot="label">交易日历查询</span>
                <div class="trading-list">
                    <CalendarQuery />
                </div>
            </el-tab-pane>
            <!-- <el-tab-pane name="产品信息管理">
                <span slot="label">产品信息管理</span>
                <div class="trading-fh">222</div>
            </el-tab-pane> -->
        </el-tabs>
    </div>
</template>

<script lang="ts">
import { Component, Vue, Watch } from 'vue-property-decorator';
import CalendarQuery from './trading-calendar/calendar-query.vue';

@Component({
    name: 'TradingCalendar',
    components: {
        CalendarQuery,
    },
})
export default class TradingCalendar extends Vue {
    editableTabsValue: string = '交易日历查询';
}
</script>
<style lang="scss" scoped>
.trading {
    padding-top: 10px;
    min-width: 1200px;
}
.trading /deep/ .el-tabs .el-tabs__nav .el-tabs__item {
    line-height: 34px;
    padding: 0 25px;
}

.trading /deep/ .el-tabs .el-tabs__nav .el-tabs__item span {
    border-right: 0px solid #fff;
}

.trading /deep/ .el-tabs .el-tabs__nav .el-tabs__item:nth-child(1) .el-icon-close {
    display: none;
}

.trading /deep/ .el-tabs .el-tabs__nav .el-tabs__item:nth-child(2) .el-icon-close {
    display: none;
}
</style>
